@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}

body{ text-align: justify;}

table{ margin:auto;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;}



.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}



.pic{ overflow: hidden;}

.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}



.left{ float:left;}

.right{ float:right;}



/*---------------------------------首页---------------------------------------*/



.top{ width:100%; height: 180px; background: url(../images/top.jpg) center no-repeat;}



.searchbg{ box-shadow: 0 0 12px 0 #ccc;}

.search{ width:1200px; margin: 0 auto; padding: 20px 0; line-height: 55px;}

.search .left span{ font-size: 14px; color: #6e6e6e; font-weight: bold;}

.search .left a{ font-size: 18px; color: #6e6e6e; margin: 0 10px 0 0;}

.search .sbut{ width: 55px; height: 56px; border: none; border-bottom: 1px solid #e8e8e8; float: left; background: url(../images/sbut.png) center no-repeat;}

.search .stext{ width: 360px; height: 55px; border: none; border-bottom: 1px solid #e8e8e8; float: left; font-size: 18px; padding: 0 10px;}

.search .stext::-webkit-input-placeholder{ font-size: 18px;}

.search .stext::-moz-input-placeholder{ font-size: 18px;}

.search .stext::-ms-input-placeholder{ font-size: 18px;}





nav{ width: 100%; background-image: linear-gradient(90deg, #1e2e62, #485b99);}

nav ul{ width: 1199px; margin: 0 auto; text-align: center;}

nav ul li{ line-height: 65px; display: block; float: left; width: 199px;}

nav ul li a{ font-size: 18px; display: block; color:#d9dce7; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

nav ul li.this a,

nav ul li:hover a{ color: #fff; background: #8194d0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







.banner{ width:100%; height: 650px; background: url(../images/banner.jpg) center no-repeat;}

.nbanner{ width:100%; height: 400px; background: url(../images/banner_about.jpg) center no-repeat;}





.stitle{ text-align: center;}

.stitle p{ font-size:30px; color: #e0e0e0; font-weight: bold; text-transform: uppercase;}

.stitle h1{ font-size:30px; color: #1e2e62; font-weight: bold; width: 460px; margin: 0 auto; border-top: 1px solid #d2d2d2; line-height: 28px; margin-top: -20px;}



.xxbg{ line-height: 60px; background: #f5f5f5;}

.xxbg .xx{ width: 1200px; margin: 0 auto; color: #df1111;}

.xxbg .xx span{ color: #232323;}

.xxbg .xx a{ color: #df1111; font-size: 16px;}

#FontScroll{width:1200px;height:60px;overflow:Hidden;}

#FontScroll .line{width:100%;}











.saboutbg{ width: 100%; padding: 110px 0; background: #f9f9f9;}



.saboutbg .sabout{ width: 1200px; margin: 60px auto 0 auto;}





.saboutbg .saboutcontext{ width: 575px; padding: 0 0 0 0; margin: 0 auto;}

.saboutbg .saboutcontext h1{ color: #e2e2e2; font-size: 30px; font-weight: lighter;}

.saboutbg .saboutcontext h2{ color: #1e2e62; font-size: 24px; font-weight: bold; margin: 10px 0;}

.saboutbg .saboutcontext p{ font-size: 14px; line-height: 24px; color: #6e6e6e;}

.saboutbg .saboutcontext a{ display: block; width: 160px; height: 55px; border: 1px solid #bcbcbc; background: url(../images/arrow_right_1.png) center no-repeat; margin: 50px 0 0 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.saboutbg .saboutcontext a:hover{ border: 1px solid #1e2e62; background: url(../images/arrow_right_2.png) #1e2e62 center no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}











.spro{ margin:110px auto; width: 1200px;}

.spro .profl{ margin: 40px 0;}

.spro .profl ul{ text-align: center;}

.spro .profl ul li{ display: inline-block; line-height: 60px; border: 1px solid #d6d6d6; margin: 0 3px 0 0; text-align: center;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .profl ul li a{ display: block; padding: 0 25px; font-size: 20px; color: #6e6e6e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .profl ul li.first,

.spro .profl ul li.this,

.spro .profl ul li:hover{ background-image: linear-gradient(90deg, #1e2e62, #485b99); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .profl ul li.first a,

.spro .profl ul li.this a,

.spro .profl ul li:hover a{ color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.spro .proul{}

.spro .proul li{ display: block; float: left; text-align: center; margin: 0 15px 15px 0; position: relative; width: 390px;}
.spro .proul li img{ height:266px; }
.spro .proul li:hover img{ transition: all 0.5s; transform: scale(1.2);}

.spro .proul li p{ line-height: 55px; color: #6e6e6e; font-size: 18px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .proul li:hover p{ color: #1f2f64; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.spro .proul li .kuang{ opacity: 0; bottom: -20px; position: absolute; z-index: 9999; width: 90%; height: 93%; margin: 5% 5% 0 5%; border: 2px solid #1e2e62; background: url(../images/promore.png) right 20px bottom 20px no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .proul li:hover .kuang{ opacity: 1; bottom: 0px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.spro .proul li:nth-child(3),

.spro .proul li:nth-child(6),

.spro .proul li:nth-child(9),

.spro .proul li:nth-child(12),

.spro .proul li:nth-child(15){ margin: 0 0 15px 0;}



.spro .more{ display: block; background: url(../images/arrow_right_1.png) center right 110px no-repeat; border: 1px solid #bcbcbc; color: #898989; font-size: 18px; width: 270px; padding: 0 70px 0 0; line-height: 55px; text-align: center; margin: 80px auto 0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .more:hover{ border: 1px solid #1e2e62; background: url(../images/arrow_right_2.png) #1e2e62 center right 30px no-repeat; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}









.data{ width:100%; height: 106px; padding: 75px 0; background: url(../images/data_1.jpg) center no-repeat;}

.data ul{ width: 1200px; margin: 0 auto;}

.data ul li{ display: block; width: 299px; text-align: center; float: left; color: #fff;}

.data ul .line{ float: left; width: 1px; height: 66px; background: #9da6c4; margin: 20px 0 0 0;}

.data ul li h1{ font-weight: lighter; font-size: 60px;}

.data ul li h1 font{ display: inline-block; font-size: 24px; color:#bbc0d2; vertical-align: top;}
.data ul li h1 span{ display: inline-block; font-size: 24px; color:#bbc0d2;}
.data ul li h1 span.animateNum{ font-size: 60px; color: #fff;}

.data ul li p{ color:#bbc0d2;}







.snewsbg{ background: url(../images/newsbg.jpg) center bottom no-repeat;}



.snewsbg .snews .newscate{ margin: 50px 0 0 0; height: 60px; text-align: center;}

.snewsbg .snews .newscate li{ display: inline-block; line-height: 60px; width: 175px; border: 1px solid #d6d6d6; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newscate li a{ display: block; color: #6e6e6e; font-size: 24px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newscate li:hover{ background-image: linear-gradient(90deg, #1e2e62, #485b99); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newscate li:hover a{ border-color: #089fd9; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.snewsbg .snews{ width:1200px; margin: 0 auto; padding: 110px 0;}

.snewsbg .snews .newsul{ margin: 50px 0 0 0;}

.snewsbg .snews .newsul li{ display: block; width: 582px; float: left; margin: 0 35px 65px 0;}

.snewsbg .snews .newsul li .left{ width: 280px;}

.snewsbg .snews .newsul li .right{ width: 280px;}

.snewsbg .snews .newsul li .title{ font-size: 18px; color: #6e6e6e; font-weight: bold; margin: 0 0 10px 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newsul li .date{ font-size: 14px; color: #6e6e6e; border-bottom: 1px solid #ddd; margin: 0 0 20px 0; padding: 0 0 20px 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newsul li .small{ color: #6e6e6e; font-size: 14px; line-height: 24px;}

.snewsbg .snews .newsul li a{ display: block;}

.snewsbg .snews .newsul li:nth-child(2),

.snewsbg .snews .newsul li:nth-child(4),

.snewsbg .snews .newsul li:nth-child(6),

.snewsbg .snews .newsul li:nth-child(8),

.snewsbg .snews .newsul li:nth-child(10){margin: 0 0 65px 0;}



.snewsbg .snews .newsul li:hover .title{ color: #1e2e62; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .snews .newsul li:hover .date{ border-color: #1e2e62;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.snewsbg .more{ display: block; background: url(../images/arrow_right_1.png) center right 110px no-repeat; border: 1px solid #bcbcbc; color: #898989; font-size: 18px; width: 270px; padding: 0 70px 0 0; line-height: 55px; text-align: center; margin: 0 auto 0 auto; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snewsbg .more:hover{ border: 1px solid #1e2e62; background: url(../images/arrow_right_2.png) #1e2e62 center right 30px no-repeat; color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.cuslogo{ padding: 100px 0; background: #f9f9f9;}

.cuslogo .cuslogoul{ width: 1200px; margin: 50px auto 0 auto;}

.cuslogo ul li{ display: block; float: left; border: 1px solid rgba(30,46,98,0); margin: 0 54px 0 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.cuslogo ul li:last-child{ margin: 0;}

.cuslogo ul li:hover{ border: 1px solid rgba(30,46,98,1); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







.adv{ width: 1200px; margin: 0 auto; padding: 50px 0;}

.adv li{ text-align: center; display: block; float: left; width: 300px;}

.adv li p{ font-size: 24px; color: #1e2e62; margin: 5px 0 0 0;}

.adv li:hover img{ 

  -webkit-animation: icon-bounce 0.5s alternate;

  -moz-animation: icon-bounce 0.5s alternate;

  -o-animation: icon-bounce 0.5s alternate;

  animation: icon-bounce 0.5s alternate;}













.linklogobg{ line-height: 60px; background: #f9f9f9;}

.linklogobg .linklogo{ width:1200px; margin: 0 auto;}

.linklogobg .linklogo span{ display: inline-block; font-weight: bold; font-size: 18px; color: #089fd9;}

.linklogobg .linklogo li{ display: inline-block; margin: 0 5px 0 0;}

.linklogobg .linklogo li a{ display: block;}

.linklogobg .linklogo li img{ vertical-align: middle;}







footer{ width:100%; background-image: linear-gradient(90deg, #1e2e62, #495b99);}





footer .fcontext{ width:1200px; margin: 0 auto; padding: 90px 0; color: #fff;}

footer .fcontext .left{ float: left; width: 435px;}

footer .fcontext .left h1{ font-size: 24px; margin: 0 0 10px 0;}

footer .fcontext .left p{ font-size: 16px; line-height: 30px; color: #fff;}

footer .fcontext .middle{ float: left; width: 170px;}

footer .fcontext .middle li{ display: block; text-align: center; font-size: 14px; margin: 0 0 25px 0; font-size: 16px;}

footer .fcontext .right{ float: right; margin: 0 0 0 120px; width: 470px;}

footer .fcontext .right p{ font-size: 16px; line-height: 30px;}



footer.nfooter .fcontext .left p{ color: #6d6d6d;}




footer .fcopy{ background:#d6d6d6; line-height: 50px; height: 50px; text-align: center; color: #6e6e6e; font-size: 14px;}

footer .fcopy a{ color: #6e6e6e; font-size: 14px;}







footer .fcontext .right .tableborder li{ width: 49%; margin: 0 0 0 1%;}

footer .fcontext .right .tableborder input[type="text"]{ height: 50px; width: 95%;}

footer .fcontext .right .tableborder input[type="text"]#key{ width: 44%;}

footer .fcontext .right .tableborder textarea{ height: 130px; width: 97%; padding:1%;}

footer .fcontext .right .tableborder li:nth-child(5){ width: 100%;}

footer .fcontext .right .tableborder li:nth-child(6){ width: 100%;}

footer .fcontext .right .tableborder li:nth-child(6) input{ width: 100%; background: none; background-image: linear-gradient(90deg, #1e2e62, #495b99); border:none; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

footer .fcontext .right .tableborder li:nth-child(6) input:hover{ background:none; color: #1e2e62; border:1px solid #1e2e62; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}




.normal .fcontext .right .tableborder input[type="text"]{ border-color: #fff; width: 95%; color:#fff;}

.normal .fcontext .right .tableborder input[type="text"]::-webkit-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder input[type="text"]::-moz-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder input[type="text"]::-ms-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder input[type="text"]#key{ border-color: #fff; width: 44%;}

.normal .fcontext .right .tableborder textarea{ border-color: #fff; width: 97%; height: 130px; color:#fff; padding:1%;}

.normal .fcontext .right .tableborder textarea::-webkit-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder textarea::-moz-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder textarea::-ms-input-placeholder{ color: #fff;}

.normal .fcontext .right .tableborder li:nth-child(6) input{ background: #f9f9f9; border: 1px solid #f9f9f9; color: #000; width: 99%; float: none;}

.normal .fcontext .right .tableborder li:nth-child(6) input:hover{ background: none; border: 1px solid #f9f9f9; color: #f9f9f9;}

.normal .fcontext .right .tableborder li img{ float: right;}













.naboutbg{ background: url(../images/naboutbg.jpg) #f9f9f9 center bottom no-repeat; padding: 110px 0 0 0; height: 590px;}

.naboutbg .sabout{ width: 900px; padding: 80px 150px 70px 150px; background: #fff; margin: 240px auto 0 auto; position: relative; z-index: 999;}

.naboutbg .sabout .saboutcontext{ width: 900px; padding: 0;}

.naboutbg .sabout .saboutcontext h1,

.naboutbg .sabout .saboutcontext h2{ text-align: center;}

.naboutbg .sabout .saboutcontext h1{ line-height: 20px; }

.naboutbg .sabout p{ font-size: 14px; color: #6e6e6e;}

.naboutbg .sabout .saboutcontext h2{ margin: 5px 0 20px 0; }



.ndata{ background: url(../images/data_2.jpg) center no-repeat; padding: 160px 0 75px 0;}









.ncuslogobg{ background: #fafafa;}



.rela{ background: #f9f9f9;}

.nrela{ background: #f9f9f9; padding: 100px 0;}

.nrela .spro{ margin: 0 auto;}

.nrela .spro .proul{ margin: 30px 0 0 0;}



.relatitle{ font-size: 24px; color: #1e2e62;}

.relatitle span{ font-size: 18px; color: #9c9c9c; text-transform: uppercase;}



.nlinklogobg{ background: none;}



.nnewsbg{ background: none;}



.nnewsbg .snews{ padding: 100px 0 50px 0;}

.nnewsbg .snews .newsul li{ width: 1200px; margin: 0 0 30px 0; border: none; padding: 30px 0; border-top: 1px solid #f0f0f0;}

.nnewsbg .snews .newsul li .title{ margin: 30px 0; color: #1e2e62;}

.nnewsbg .snews .newsul li .date{ float: left; border: none; margin: 18px 0 0 0; padding: 0;}

.nnewsbg .snews .newsul li .date font{ display: inline-block; font-size: 36px; color: #9c9c9c; font-weight: lighter; vertical-align: middle;}

.nnewsbg .snews .newsul li .date span{ width: 30px; height: 1px; display: inline-block; background: #a8a8a8; vertical-align: middle; margin: 0 0 0 15px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnewsbg .snews .newsul li:hover .date span{ width: 70px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.nnewsbg .snews .newsul li .left{ width: 655px; margin: 0 0 0 35px;}

.nnewsbg .snews .newsul li:hover .left{}



.nnewsbg .snews .newsul li .more{ width: 40px; height: 40px; background: url(../images/arrow_right_3.png) center no-repeat; margin: 25px 0 0 0; padding: 0; border: none;}

.nnewsbg .snews .newsul li:hover .more{ background: url(../images/arrow_right_4.png) #7f7f7f center no-repeat;}

.nnewsbg .snews .newsul li:last-child{ border-bottom: 1px solid #f0f0f0;}


.prodetail{ background: #f9f9f9; }
.prodetail img{ margin: 10px 0 0 0; }


.ncontact{ padding:140px 0 0 0; width: 1200px; margin: 0 auto;}

.ncontact .stitle{ margin: 0 0 100px 0;}





.nfooter{ background: none;}

.nfooter .fcontext{ color: inherit;}
.nfooter .fcontext .left h1{ color: #666666; }


/* animation */

@keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-webkit-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-moz-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-o-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}







.block_home_slider { position: relative; text-align: center; line-height: 0px; margin-right: auto; margin-left: auto;

}

.block_home_slider .slide {position:relative;}

.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-20px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}

.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}

.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}

.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}

.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}

.block_home_slider .flex-control-paging { bottom: 60px; text-align: center; position: absolute; z-index: 9999; width: 100%;}

.block_home_slider .flex-control-paging li { display: inline-block; margin: 0 15px; cursor: pointer;}

.block_home_slider .flex-control-paging li a { display: block; border-radius: 10px; background: #000; color: #000; line-height: 15px; width: 15px; height: 15px; border: 1px solid #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.block_home_slider .flex-control-paging li a.flex-active { width: 70px; background: #088fe1; color: #088fe1; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.block_home_post_feature {width:300px;}

.block_home_post_feature p {padding-bottom:0px;}





.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;}

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}





.relanewsbg{ background: #f9f9f9;}

.relanewsbg .newsul .left{ width: 280px;}

.relanewsbg .snews .newsul li{ margin: 0 35px 0 0;}

.relanewsbg .snews .newsul li:last-child{ margin: 0 0 0 0;}



.relaprobg{ background: #f1f1f1;}

.relaprobg .spro{ padding: 100px 0; margin: 0 auto;}

.relaprobg .spro .proul{ margin: 50px 0 0 0;}









.nmessagebg{ background: #f5f5f5; padding: 110px 0;}

.nmessagebg .nmessage{ width: 1200px; margin: 0 auto;}

.nmessagebg .nmessage .left{ width: 300px;}

.nmessagebg .nmessage .left ul{ background: #fff;}

.nmessagebg .nmessage .left ul li{ display: block; line-height: 70px; background: url(../images/cir.png) left 50px center no-repeat; border-bottom: 1px solid #7f7f7f;}

.nmessagebg .nmessage .left ul li a{ padding: 0 10px 0 80px; font-size: 18px; color: #6e6e6e; display: block;}

.nmessagebg .nmessage .left ul li.first{ line-height: 80px; background: none; background-image: linear-gradient(90deg, #1e2e62, #495b99); text-align: center; font-size: 24px; color: #fff;}

.nmessagebg .nmessage .right{ width: 790px; margin: 0 0 0 110px;}


.nmessagebg .nmessage .left ul li:hover{ background: none; background-image: linear-gradient(90deg, #1e2e62, #495b99); }
.nmessagebg .nmessage .left ul li:hover a{ color: #fff;}










footer .bdshare-button-style1-16 a:hover{ opacity: 1 !important;}

footer .bdshare-button-style1-16 a{ display: block; width:46px !important; height: 46px !important; margin: 20px 30px 0 0 !important; padding: 0 !important;}

footer .bdshare-button-style1-16 .bds_qq{ background: url(../images/qq.png) center no-repeat !important;}

footer .bdshare-button-style1-16 .bds_tsina{ background: url(../images/wb.png) center no-repeat !important;}

footer .bdshare-button-style1-16 .bds_weixin{ background: url(../images/wx.png) center no-repeat !important;}









.ncontact .bdshare-button-style1-16 a:hover{ opacity: 1 !important;}

.ncontact .bdshare-button-style1-16 a{ display: block; width:46px !important; height: 46px !important; margin: 0 10px 0 0 !important; padding: 0 !important;}

.ncontact .bdshare-button-style1-16 .bds_qq{ background: url(../images/qq.png) center no-repeat !important;}

.ncontact .bdshare-button-style1-16 .bds_tsina{ background: url(../images/wb.png) center no-repeat !important;}

.ncontact .bdshare-button-style1-16 .bds_weixin{ background: url(../images/wx.png) center no-repeat !important;}